<script setup lang="ts">
</script>
<template>
    <div class="jy-sider">

    </div>
</template>
<style lang="less" scoped>
.jy-sider {
    background-color: var(--body-background-);
    padding: 1rem;

    @media screen and (min-width:1200px) {
        width: 17.8571rem;
        border-radius: 0 0 2.8571rem 0;
    }

    @media (max-width: 1199px) and (min-width: 992px) {
        width: 17.8571rem;
        border-radius: 0 0 2.8571rem 0;
    }

    @media (max-width: 991px) and (min-width: 768px) {
        width: 8.9286rem;
        border-radius: 0 0 2.8571rem 0;
    }

    @media (max-width: 767px) and (min-width: 480px) {
        display: none;
    }
}
</style>
